/*思源黑体引入*/
@font-face {
    font-family: "sourcehansans";
    src: url("/css/fonts/SourceHanSans/sourcehansans.eot");
    src:url('/css/fonts/SourceHanSans/sourcehansans.eot?#font-spider') format('embedded-opentype'),
    url('/css/fonts/SourceHanSans/sourcehansans.woff2') format('woff2'),
    url('/css/fonts/SourceHanSans/sourcehansans-Light.ttf') format('truetype'),
    url('/css/fonts/SourceHanSans/sourcehansans-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*通用样式*/

html, body {
    -webkit-text-size-adjust: none;
    font-size: 14px;
    font-family: "sourcehansans";
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    color: #333;
    min-width: 1200px;
    max-width: 1920px;
}

p,span{
    line-height: 1.2;
}

img {
    border: none;
}
h1,h2,h3,h4,h5{
    margin: 0;
}

h1{
    font-size: 36px;
    line-height: 36px;
}

h2{
    font-size: 30px;
    line-height: 30px;
}

h3{
    font-size: 24px;
    line-height: 24px;
}

a {
    outline: none;
    text-decoration: none;
    color: #666;
    font-size: 16px;
}

/*子页主体内容上填充*/
.pdtop-120{
    padding-top: 120px!important;
}

.leader {
    font-size: 14px;
    margin: 10px 0;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
}

a:link,a:visited {
    text-decoration: none;
}

a:hover,a:active {
    text-decoration: none;
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li {
    /*background: url(../attached/image/web/disc_red.gif) 0 .75em no-repeat;Y坐标不能用50%和center等坐标，否则会引起不兼容*/
}
.b {
    font-weight: 700;
    color: #f60 !important;
}

.n {
    font-weight: normal;
    *font-weight: normal;
}

.gap {
    width: 100%;
    clear: both;
    height: 23px;
}

.clear {
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.hot {
    display: inline;
    color: #fff;
    background: #ff6600;
    padding: 0 3px;
    margin: 0 3px;
    font-weight: 100;
    font-size: 8px;
    border-radius: 2px;
}

/*.bgred {*/
    /*background: red;*/
/*}*/

/*.fontred {*/
    /*color: red;*/
/*}*/

/*.fontorange {*/
    /*color: #ff6600;*/
/*}*/

/*.fontgreen {*/
    /*color: green;*/
/*}*/

/*.fontgray {*/
    /*color: #666;*/
/*}*/

.hide {
    display: none;
}

.show {
    display: block;
}

.tfl {
    text-align: left !important;
}

.tfr {
    text-align: right !important;
}

.clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    zoom: 1;
}

/*通用样式结束*/

/*头部样式*/
#header {
    display: block;
    width: 100%;
    height: 90px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 5px 5px 6px 0px
    rgba(38, 83, 152, 0.16);
    /*background: url(../images/top_bg.gif) repeat-x;*/
}

#top {
    display: block;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    height: 90px;
    padding: 0 15px;
}

#logo {
    float: left;
    /*width: 400px;*/
    height: 98px;
}

.logo-wrap {
    margin: 30px 0 0 0;
}

#vice {
    margin-bottom: 30px;
}

/*规范文字样式*/
.title-18{
    font-size: 18px;
    line-height: 18px;
}

/*#search {*/
    /*float: right;*/
    /*width: 550px;*/
    /*text-align: right;*/
    /*height: 98px;*/
/*}*/

/*#user {*/
    /*width: 100%;*/
    /*height: 35px;*/
    /*padding-top: 6px;*/
/*}*/

/*#searchbox {*/
    /*float: right;*/
    /*width: 240px;*/
    /*margin-top: 10px;*/
    /*background: #ffcc00;*/
    /*padding: 5px;*/
/*}*/

/*#searchbox form {*/
    /*background: #ffffff;*/
    /*padding: 3px;*/
/*}*/

/*#searchbox #MyText {*/
    /*height: 20px;*/
    /*line-height: 20px;*/
    /*padding-left: 5px;*/
    /*border: 1px solid #cccccc;*/
/*}*/

/*导航栏样式*/
.nav-wrap {
    z-index: 99;
}

.nav .index-btn{
    height: 90px;
    line-height: 90px;
    display: block;
}


.nav-about-us{
    position: relative;

}

.nav-about-us .nav-more li{
    text-align: center;
}

.nav-bg{
    position: absolute;
    background: #fff;
    top: 90px;
    z-index: 20;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 0px 5px #fff;
    transition: all 0.2s ease-out;
    height: 0;
    overflow: hidden;
    text-align: center;
    width: auto;
}



.nav-bg a{
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    font-weight: normal;
}

.nav-bg a:hover{
    text-decoration: none;
}


.nav span{
    font-size: 14px;
}

.nav span>a{
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
}

nav .nav > li {
    float: left;
    height: 90px;
    line-height: 90px;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 3;
}

nav .nav > li:nth-child(5){
    margin-right: 60px;
}

nav .nav > li:first-child{
    width: 120px;
}

nav .search-btn{
    width: 50px;
    position: relative;
}

nav .search-btn .search-form{
    width: 360px;
    top: 80px;
    right: -10px;
    margin-left: -20px;
    position: absolute;
    z-index: 2;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    display: none;
    transition-timing-function:ease-out;
}

nav .search-btn .search-form>div{
    position: relative;
    height: 36px;
}

nav .search-btn .search-form input[type=text]{
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    border: 1px solid #ccc;
    height: 34px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

nav .search-btn .search-form input[type=text]:focus{
    outline: none;
    border-color: #f08519;
   box-shadow: inset 0 0 1px rgba(0,0,0,.5);
}

nav .search-btn-show{
    transition: all .2s;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

nav  .search-btn-enter{
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    background-color: #ccc;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #fff!important;
    box-sizing: border-box;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    transition: all .2s;
}



nav  .search-btn-enter:hover{
    background-color: rgb(240, 133, 25);
    cursor: pointer;
}

nav .search-btn-close{
    position: absolute;
    top: 10px;
    right: 0px;
    transform: translateY(-50%) scale(0.5);
}

nav .nav > li.search-btn .search-btn-show:hover{
    transform: scale(1.1) translateY(-50%);
}

nav .nav > li.search-btn img{
    vertical-align: middle;
}

.nav_menu{
    line-height: inherit;
    width: 120px;
}



.nav-service li a{
}

.nav_menu:hover{
    cursor: pointer;
}

nav .nav li:hover .nav-bg {
    height: auto;
    /*display: block;*/
}

.nav-more{

}

.nav-more li{
    margin-left: 0;
    padding: 10px 30px;
    z-index: 10;
    min-width: 120px;
}

.nav-more li a{
    display: block;
    height: 100%;
    width: 100%;
}

.nav-more li .line{
    margin: 0 15px;
}

.nav-more li:hover a{
    cursor: pointer;
    color: #F90;
}

.nav-more li:last-child{
    margin-right: 0;
}
/*头部样式结束*/

/*内容样式*/
#face {
    width: 1200px;
    margin: 0 auto;
}

/*网站通用盒样式*/
.wide {
    width: 280px !important;
    max-width: 280px !important;
}

.menubox {
    width: 238px;
    max-width: 238px;
    border: none;
}

.menubox ul ul a {
    color: #0f758e;
}

.menubox ul ul a:hover {
    color: #f90;
}

.coolbox {
    width: 238px;
    max-width: 238px;
    background: #ffffff;
    border: 1px solid #ccc;
    overflow: hidden;
}

.coolbox h1, .coolbox h2 {
    width: 100%;
    height: 28px;
    line-height: 28px;
    background: #f3f3f3 url(../images/dot_orange.gif) 5px 50% no-repeat;
    padding-left: 25px;
    border-bottom: 1px solid #ccc;
}

.coolbox div {
    margin: 5px;
}

.coolbox ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*网站通用盒样式结束*/
.top5px {
    margin-top: 5px;
}

.top10px {
    margin-top: 10px;
}

.top20px {
    margin-top: 20px;
}

.left10px {
    margin-left: 10px;
}

/*首页快速链接*/
#fast {
    width: 685px;
}

.pad {
    width: 335px;
    height: 148px;
    background: url(../images/indexDrawerBg2.gif) no-repeat;
    overflow: hidden;
}

.fastimg {
    width: 107px;
    height: 118px;
    margin: 20px 20px 0 20px;
}

.fasttext {
    width: 188px;
    height: 148px;
    line-height: 29px;
}

/*内容样式结束*/

/*最新下载*/
#down li {
    margin: 0;
    padding: 0;
    line-height: 24px;
    background: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*合作伙伴和友情链接*/
.friendly {
    float: left;
    width: 100%;
    background: #ffffff;
    border: 1px solid #ccc;
    overflow: hidden;
}

.friendly h1, .friendly h2 {
    width: 100%;
    height: 28px;
    line-height: 28px;
    background: #f3f3f3 url(../images/dot_orange.gif) 5px 50% no-repeat;
    padding-left: 25px;
    border-bottom: 1px solid #ccc;
}

.friendly img {
    border: none;
}

.friendly span {
    float: left;
    margin: 10px 18px;
    height: 40px;

    overflow: hidden;
}

.friendly span.text {
    width: auto;
    max-width: 120px;
    height: 20px;
}

/*合作伙伴结束*/

/*展示框*/
.abstract {
    width: 100%;
    height: 330px;
    max-height: 330px;
    overflow: hidden;
}

.showtext {
    float: left;
    margin: 0;
    padding: 0;
    width: 350px;
    height: 300px;
}

.price, .profile {
    padding: 5px;
}

.price {
    color: #ff6600;
    height: 38px;
    line-height: 38px;
}

.profile {
    min-height: 0;
    margin-bottom: 0;
    max-height: 230px;
    overflow: hidden;
    background: #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.showimg {
    float: left;
    display: table;
    width: 350px;
    height: 300px;
}

.showimg a {
    display: table-cell;
    width: 350px;
    max-width: 350px;
    height: 300px;
    text-align: center;
    *font-size: 178px;
    zoom: 1;
    vertical-align: middle;
}

.showimg a img {
    max-width: 320px;
    vertical-align: middle;
}

/*展示框结束*/

/*内容页*/
.main {
    padding: 10px;
    /*width: 935px; !* 等于980px-238px(coolbox)-1*4px(边框)-3px(空隙)-2*15px(padding值)= 715px+300-80*!*/
    /*max-width: 935px;*/
    min-height: 850px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #ffffff;
}

.crumb {
    width: 100%;
    margin: 0 auto;
    height: 23px;
    color: #666;
    line-height: 23px;
    /*background: url(../images/icon/home.gif) 5px 50% no-repeat;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*小类导航*/
.subnavi {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #FBE0CD;
}

.subnavi h1 {
    width: 100%;
    background: #FFECDD;
    padding-left: 5px;
    border-bottom: 1px solid #FBE0CD;
}

.subnavi ul {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.subnavi li {
    margin: 0;
    text-align: left;
    float: left;
    padding: 0px;
    width: 25%; /*li通用padding为12px，所以这个值为700px/5-12px-10px=118px*/
    background: none;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.subnavi li a {
    color: #333;
}

.subnavi li a:hover {
    background: #333;
    color: #fff;
}


.w50 {
    width: 60px;
}

.w65 {
    width: 150px;
}

.w70 {
    width: 80px;
}

.w80 {
    width: 90px;
}

.w90 {
    width: 100px;
}

.w100 {
    width: 110px;
}

.w365 {
    width: 463px;
    text-align: left;
}

.w385 {
    width: 383px;
    text-align: left;
}

.w570 {
    width: 568px;
    text-align: left;
}

.sq16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 3px 5px 0 0;
}

.i_pdf {
    background: url(../images/icon/pdf.png) no-repeat;
}

.i_doc {
    background: url(../images/icon/doc.png) no-repeat;
}

.i_xls {
    background: url(../images/icon/xls.png) no-repeat;
}

.i_ppt {
    background: url(../images/icon/ppt.png) no-repeat;
}

.i_chm {
    background: url(../images/icon/chm.png) no-repeat;
}

.i_exe {
    background: url(../images/icon/exe.png) no-repeat;
}

.i_rar {
    background: url(../images/icon/rar.png) no-repeat;
}

.i_iso {
    background: url(../images/icon/iso.png) no-repeat;
}

.i_mp4 {
    background: url(../images/icon/mp4.png) no-repeat;
}

.property {
    width: 100%;
    border: none;
    color: #555;
    /*	background:#f5f5f5;*/
    border: none;
    border: 1px dashed #ff9966;
}

.property td {
    border: none;
    padding: 5px;
    border: none;
}

/*内容*/
.content {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.content td {
    padding: 0 3px;
}

/*相关产品*/
.relate {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #ccc;
}

.relate h1 {
    width: 100%;
    background: #fcfcfc;
    padding-left: 5px;
    border-bottom: 1px solid #ccc;
}

.relate ul {
    float: right;
    margin: 0 auto;
    width: 98%;
}

.relate li {
    margin: 0;
    text-align: left;
    float: left;
    width: 48%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*内容页结束*/

/*底部信息*/
#bottom {
    text-align: center;
}

#bottom p {
    margin: 0;
    padding: 0;
}

.stat a {
    color: transparent;
}

/*底部信息结束*/

/*分页功能样式*/
#page_navigation a {
    padding: 3px;
    border: 1px solid gray;
    margin: 2px;
    color: black;
    text-decoration: none
}

.active_page {
    background: darkblue;
    color: white !important;
}

/*分页功能样式结束*/

/*首页图片滑动样式*/
#slide {
    border: 1px solid #ccc;
}

#slide {
    position: relative;
    float: left;
    width: 685px;
    height: 274px;
    overflow: hidden;
    background: url(img/loading.gif) no-repeat center;
}

#slide ul {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
}

#slide li {
    float: left;
    width: 685px;
    height: 274px;
    overflow: hidden;
    list-style: none;
    padding: 0;
}

#slide .o-control {
    display: none;
    position: absolute;
    top: 100px;
    width: 25px;
    height: 40px;
    background: #000;
    filter: alpha(opacity=30);
    opacity: 0.3;
    cursor: pointer;
}

#slide .control {
    position: relative;
    top: 10px;
    left: 5px;
    display: inline-block;
    width: 15px;
    height: 55px;
    background: url(img/bg_index.png);
    filter: alpha(opacity=60);
    opacity: 0.6;
}

#slide #goback {
    left: 0px;
}

#goback .control {
    background-position: 0px -20px;
}

#slide #forward {
    right: 0px;
}

#forward .control {
    left: 7px;
    background-position: -19px -20px;
}

#slide div {
    position: absolute;
    float: right;
    bottom: 0px;
    right: 10px;
    height: 32px;
    overflow: hidden;
    zoom: 1;
}

#slide span {
    width: 16px;
    font-size: 14px;
    height: 16px;
    margin: 2px 2px;
    background: #999;
    float: left;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    font-family: arial;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#slide span a {
    color: #fff;
    text-decoration: none;
}

#slide span.curr, #slide span.hover {
    background: #000;
    filter: alpha(opacity=100);
    opacity: 1;
}

#slide .curr a:link, #slide .curr a:visited {
    color: #fff;
}

/*首页图片滑动样式 结束*/

/*产品简介切换样式*/
#crossbar {
    float: left;
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    background: #f0f0f0;
    border-top: 3px solid #f83;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;

}

#crossbar h4 {
    float: left;
    width: 100px;
    height: 38px;
    margin: 0;
    padding: 0;
    line-height: 38px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
}

#crossbar h4.menuNo {
    color: #333333;
    /*	background: url(../images/slidingMenu1.gif) repeat-x*/
}

#crossbar h4.menuOn {
    background: #fff;
    color: #f90;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-top: 0;
}

.Tag, .TagHide {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.Tag {
    display: block;
}

.Tag ul {
    /*padding-left: 20px;*/
}

.TagHide {
    display: none
}

#loc {
    width: 100%;
    height: 0;
    background: #f83;;
    margin: 0;
    padding: 0;
    z-index: 100;
}

/*产品简介切换样式结束*/

/*产品中心首页*/
#slidingBlock {
    width: 700px;
    border: 0px #95CF92 solid;
    padding: 0px;
    over-flow: hidden
}

#slidingBlock h4 {
    float: left;
    width: 96px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    over-flow: hidden;
}

#slidingBlock h4.menuNo {
    font-weight: bold;
    color: #333333;
    background: url(../images/slidingMenu1.gif) repeat-x
}

#slidingBlock h4.menuOn {
    font-weight: bold;
    color: #ffffff;
    background: url(../images/slidingMenu.gif) no-repeat
}

#slidingBlock DIV.slidingList_none {
    display: none
}

/*产品中心首页结束*/

/*内容页设置*/
.arm {
    width: 100%;
    font-size: 12px;
    padding: 0;
    background: #fff;
    line-height: 2em;
}

.arm p {
    margin: .5em 0;
    padding: 0;
}

.arm h1, .arm h2 {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #ff6600;
    margin: 0;
    padding: 0 0 15px 0;
    border: none;
}

.arm h3, .arm h4 {
    width: 100%;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    border: none;
}

.arm table, .arm tr, .arm td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    padding: 3px 5px;
}

.arm hr {
    margin: 7px 0;
    color: #fc0;
}

#config td {
    font-size: 8pt
}

/*百度分享样式*/
#bdshare_l_c ul li, #bdshare_pop ul li {
    background: none;
}

.protitle {
    font-size: 13px;
    color: #F60;
    font-weight: bold
}

/* product */
#ARM a:link, #ARM a:visited {
    color: #0f758e;
    text-decoration: none;
    border-bottom: dotted 1px #0f758e
}

#ARM a:hover {
    color: #F60;
    text-decoration: none;
    border-bottom: dotted 1px #F60
}

.title_s {
    font-size: 12px;
    color: #F90;
    font-weight: bold
}

a.title_s:link {
    color: #F90;
}

a.title_s:hover {
    color: #0f758e;
}

a.title_s:visited {
    color: #F90
}

#table {
    border-collapse: collapse;
    border: 1px solid #888;
}

#table td {
    border: 1px solid #CCC;
    padding: 3px;
}

#table02 {
    border-collapse: collapse;
    border: 1px solid #888;
    font-size: 11px;
}

#table02 td {
    border: 1px solid #CCC;
    padding: 3px;
}

#table03 {
    border-collapse: collapse;
    border: 0px;
}

#table03 td {
    border: 0px;
    padding: 3px;
}

/* 图片垂直居中DIV By Gary 20140318 */
div.mid-img {
    margin: 0;
    padding: 0;
    display: table;
    text-align: center;
    border: none;
}

div.mid-img span {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

div.mid-img .line {
    color: #e96;
    padding: 0 7px;
}

div.mid-img img {
    padding: 0 3px 0 0;
    border: none;
}

.frame {
    text-decoration: none;
    border: 1px solid #cccccc;
}

#face_dai {
    width: 100%;
}

.main_dai {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 10px auto;
    padding: 10px;

    padding: 0 175px;
}

#menu_map {
    text-align: left;
    line-height: 25px;
    margin: 10px auto 10px auto;
}

#menu_map span img {
    vertical-align: middle;
}




/*侧边固定图标*/
.side_tools{
    position: fixed;
    top: 30%;
    z-index: 998;
    right: 0;
}

/*顶部公共链接*/
#index-top {
    background-color: #002063;
}

#index-top a{
    font-size: 12px;
    color: #fff;
}

#index-top ul li{
    float: right;
    color: #fff;
}

#index-top ul li:first-child a{
    padding-right: 0;
}

#index-top ul li a{
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

#index-top ul li a:hover{
    color: #f08519;
}

.relative{
    position: relative;
}

/*子页面banner统一样式*/
.ibanner img{
    width: 100%;
}

#link-navigation{
    position: absolute;
    top: 55px;
    left: 0;
    color: #999;
    font-size: 14px;
}

#link-navigation a,#link-navigation span{
    color: inherit;
    font-size: inherit;
    margin: 0 5px;
    font-weight: normal;
    letter-spacing: 0;
}

#link-navigation a:hover{
    color: #f08519;
}

#link-navigation a:first-child{
    margin-left: 0;
}

/*默认点击按钮样式*/
.default-btn{
    background-color: #f08519;
    color: #fff;
    border: none;
}

.default-btn:hover,.default-btn.active{
    background-color: rgba(240, 133, 25, 0.89);
    cursor: pointer;
}


/*百度商桥样式*/
body #newBridge .icon-right-center{
    display: block!important;
}


/*关注我们*/




.follow-list {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.follow-list li{
    width: 30%;
    margin-bottom: 15px;
    overflow: hidden;
}

.follow-list li a{
    position: relative;
    display: block;
    width: 40px;
}

.follow-list .code-info{
    position: absolute;
    top: -200px;
    width: 150px;
    padding: 10px 10px 5px;
    box-sizing: border-box;
    text-align: center;
    background-color: #f08519;
    color: #fff;
    z-index: 5;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 5px #ccc;
    transition: .3s all;
    opacity: 0;
}

.follow-list .code-info.row-two{
    top: -255px;
}

.footer .follow-list li:hover{
    overflow: visible;
}

.footer .follow-list li a:hover .code-info{
    opacity: 1;
}

.follow-list .code-info img{
    width: 100%;
}

.follow-list img{
    width: 40px;
    vertical-align: middle;
}

.footer ul li{
}


.footer li a:hover{
    text-decoration: underline;
}

.mask{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000;
    opacity: 0.6;
    z-index: 98;
    display: none;
}

.popup-panle{
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 380px;
    height: 400px;
    z-index: 99;
    border-radius: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 20px;
    box-sizing: border-box;
    display: none;
}

.popup-panle img{
    width: 300px;
    height: 300px;
}

.popup-panle .pop-text{
    font-size: 24px;
    color: #000;
}

#aff-im-root *{
    display: none;
}